"use client";

import { useParams } from "next/navigation";
import { PageCanvas } from "@/components/editor/page-canvas";

/**
 * /w/:workspace/page/:id/:block — deep link to a specific block. Renders the
 * page canvas with focusBlockId so (on plain pages) the target block is
 * scrolled into view, expanded (toggles/columns), and briefly highlighted.
 * Database pages ignore the block focus (they render DatabasePageView).
 */
export default function BlockDeepLinkPage() {
  const params = useParams<{ id: string; block: string }>();
  const pageId = params?.id ?? "";
  const blockId = params?.block ?? null;

  if (!pageId) return null;
  return <PageCanvas pageId={pageId} focusBlockId={blockId} />;
}